 .layui-layout-admin .layui-side {
   width: 220px;
   overflow-x: hidden;
   margin-top: 6px;
 }

 .kit-layout-admin .layui-header {
   height: 60px;
 }

 .kit-layout-admin .kit-side {
   top: 60px;
 }

 .layui-layout-admin .layui-logo {
   position: absolute;
   left: 0;
   top: 0;
   width: 330px;
   height: 100%;
   line-height: 60px;
   text-align: center;
   color: #FFF;
   font-size: 20px;
   font-weight: bold;
 }

 .layui-layout-admin .layui-header {
   /*background: #2b639f;*/
   background: url(images/header-bg.png);
   background-position: center 0;
 }

 .layui-bg-black {
   background: #eff0f3 !important;
 }

 .layui-nav {
   background: #f4f4f4;
 }

 .layui-nav .layui-nav-item a {
   color: #fff;
 }

 .layui-nav .layui-nav-item a:hover {
   color: #fff;
   background: #0382a8;
 }

 .layui-nav .layui-nav-item .layui-nav-child a {
   color: #545353;
 }

 .layui-nav-itemed .layui-nav-child a:hover {
   color: #545353;
   background: #fff;
 }

 /*.layui-nav .layui-nav-more{border-top-color: rgba(12, 12, 12, 0.7);}*/

 .layui-body {
   position: absolute;
   left: 220px;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: 998;
   width: auto;
   overflow: hidden;
   overflow-y: auto;
   box-sizing: border-box;
 }

 .layui-nav-itemed>a,
 .layui-nav-tree .layui-nav-title a,
 .layui-nav-tree .layui-nav-title a:hover {
   color: #fff !important;
 }

 .layui-nav-itemed .layui-nav-child {
   display: block;
   padding: 0;
   background-color: #d9e0e7 !important;
 }

 .layui-nav-tree .layui-nav-child,
 .layui-nav-tree .layui-nav-child a:hover {
   /* background: #405475; */
   color: #595757;
 }

 .layui-nav-tree .layui-nav-child a {
   padding-left: 45px;
   line-height: 40px;
 }

 .layui-nav-item {
   margin-bottom: 4px;
   background: #0a5bac;
 }

 .header-right {
   float: left;
   width: auto;
   height: 40px;
   line-height: 40px;
   margin: 10px 20px;
 }

 .fa,
 .layui-icon {
   margin-right: 10px;
   display: none
 }
